<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="shopping">
    <meta name="description" content="shopping">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>shopping</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/cartConfirm.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_745333_g55zsfjlolf.css">

</head>

<body>
    <!-- 公共头部 -->
    <div class="contentHead">
        <div class="head">
            <div class="iconfont">
                <a href="#" class="icon pd-x_user"></a>
                <a href="#" class="icon pd-x_qrcode"></a>
                <a href="#" class="icon pd-x_phone"></a>
                <a href="#" class="icon pd-x_help"></a>
            </div>
            <div class="tel">
                <span class="icon pd-x_service"></span>
                <span class="server">服务热线</span>
                <span class="phone">400-1234-5678</span>
            </div>
        </div>
    </div>
    <!-- 头部搜索 -->
    <div class="search">
        <div class="logo">
            <img src="./images/logarea.png" alt="">
        </div>
        <div class="searchinfo">
            <div class="searchbox">
                <p>全部分类</p>
                <div class="line"></div>
                <input type="text" name="" id="" placeholder="搜索商品">
                <div class="right">
                    <span class="icon pd-search_line"></span>
                    <span class="sousuo">搜索</span>
                </div>
            </div>
        </div>
        <div class="myshop">
            <div class="bg">
                <span class="icon pd-x_cart"></span>
            </div>
            <div class="my">
                <p class="shop">我的购物车
                    <span class="icon pd-baseicons82"></span>
                </p>
                <p class="pirce">￥ 0.00</p>
            </div>
        </div>
    </div>
    <!-- nav -->
    <div class="navT">
        <div class="nav">
            <img src="./images/nav1.png" alt="">
            <div class="navAll">
                <a href="#" style="padding-left: 72px" class="active">首页</a>
                <a href="#">限时秒杀</a>
                <a href="#">商品促销</a>
                <a href="#">关于我们</a>
                <a href="#">联系我们</a>
            </div>
        </div>
    </div>
    <!-- 添加新地址 -->
    <div id="bg">
        <div class="addNew">
            <p class="msg">新增收货地址</p>
            <div class="line"></div>
            <form action="" class="add">
                <p>配送区域</p>
                <select name="" id="sheng">
                    <option value="">请选择省</option>
                </select>
                <select name="" id="shi">
                    <option value="">请选择市</option>
                </select>
                <select name="" id="qu">
                    <option value="">请选择区/县</option>
                </select>
                <div class="name">
                    <p>收货人姓名</p>
                    <br>
                    <input type="text">
                </div>
                <div class="phone">
                    <p>手机</p>
                    <br>
                    <input type="text">
                </div>
                <div class="xiangxi">
                    <p>详细地址</p>
                    <br>
                    <input type="text">
                </div>
                <input type="submit" value="保存收货地址" class="submit" />
            </form>
        </div>
    </div>
    <!-- 内容 -->
    <div class="cartCont">
        <div class="cartTop">
            <div class="bg">
                <div class="pic">
                    <img src="./images/cart_1_s.png" alt="">
                </div>
                <span class="text active">购物车</span>
            </div>
            <div class="bg bg1">
                <div class="pic">
                    <img src="./images/cart_2_s.png" alt="">
                </div>
                <span class="text active">确认订单</span>
            </div>
            <div class="bg bg1 bg2">
                <div class="pic">
                    <img src="./images/cart_3_n.png" alt="">
                </div>
                <span class="text">付款</span>
            </div>
            <div class="bg bg1 bg3">
                <div class="pic">
                    <img src="./images/cart_4_n.png" alt="">
                </div>
                <span class="text">支付成功</span>
            </div>
        </div>
        <div class="cartBottom">
            <div class="title">
                <span class="text1">商品信息
                    <i>返回购物车编辑</i>
                </span>
                <span class="text2">单价</span>
                <span class="text3">数量</span>
                <span class="text4">小计</span>
            </div>
            <div class="line"></div>
            <div class="contBody">
                <div class="shop">
                    <div class="pic"></div>
                    <div class="name">联想（LENOVO） Y900 吃鸡游戏主播台式电脑 视频剪辑设计主机 I7-7700K 32G 2TB+512G SSD 钻石版 GTX1080-8G双显卡...SLI 定制</div>
                    <div class="money">￥25999.00</div>
                    <div class="num">
                        1
                    </div>
                    <div class="money allM">￥25999.00</div>
                </div>
                <div class="line1"></div>
                <div class="shop">
                    <div class="pic"></div>
                    <div class="name">联想（LENOVO） Y900 吃鸡游戏主播台式电脑 视频剪辑设计主机 I7-7700K 32G 2TB+512G SSD 钻石版 GTX1080-8G双显卡...SLI 定制</div>
                    <div class="money">￥25999.00</div>
                    <div class="num">
                        1
                    </div>
                    <div class="money allM">￥25999.00</div>
                </div>
            </div>
        </div>
        <div class="adress">
            <p class="msg">收货人信息</p>
            <div class="line"></div>
            <div class="allAdress">
                <div class="adressCont active">
                    <p class="name">张三</p>
                    <p class="d">重庆市 重庆市 南岸区 重庆市南岸区南坪大道1号重庆市 重庆市 南岸区 重庆市南岸区南坪大道1号</p>
                    <p class="phone">13712345678</p>
                </div>
                <div class="adressCont">
                    <p class="name">张三</p>
                    <p class="d">重庆市 重庆市 南岸区 重庆市南岸区南坪大道1号重庆市 重庆市 南岸区 重庆市南岸区南坪大道1号</p>
                    <p class="phone">13712345678</p>
                </div>
                <div class="add">
                    <img src="./images/icon_add.png" alt="">
                    <p>添加新地址</p>
                </div>
            </div>
        </div>
        <div class="way">
            <p class="howWay">支付方式</p>
            <div class="line"></div>
            <div class="pay">在线支付</div>
        </div>
        <div class="way">
            <p class="howWay">配送方式</p>
            <div class="line"></div>
            <div class="pay">商家配送</div>
        </div>
        <div class="settlement">
            <p class="title">结算信息</p>
            <div class="line"></div>
            <div class="settlementCont">
                <div class="contLeft">
                    <p class="msg">留言：</p>
                    <textarea name="" id="" cols="30" rows="10" placeholder="买家留言"></textarea>
                </div>
                <div class="contRight">
                    <div class="name">
                        <p>共
                            <span>2</span>种商品总计：
                        </p>
                        <p>运费：</p>
                        <p>总优惠：</p>
                    </div>
                    <div class="name price">
                        <p>￥262197.15</p>
                        <p>￥0.00</p>
                        <p>￥5.00</p>
                    </div>
                </div>
            </div>
            <div class="line"></div>
            <div class="sure">
                <div class="sureM">
                    <p class="ying">应付金额：
                        <span>￥262192.15</span>
                    </p>
                    <p class="tishi">提交订单后尽快支付，商品才不会被人抢走哦！</p>
                </div>
                <button>提交订单</button>
            </div>
        </div>

    </div>
    </div>
    <!-- 正品保障 -->
    <div class="real">
        <div class="realThing">
            <div class="realThingCont">
                <span class="icon pd-real_solid"></span>
                <span>正品保障</span>
            </div>
            <div class="realThingCont">
                <span class="icon pd-real_solid"></span>
                <span>正品保障</span>
            </div>
            <div class="realThingCont">
                <span class="icon pd-real_solid"></span>
                <span>正品保障</span>
            </div>
            <div class="realThingCont">
                <span class="icon pd-real_solid"></span>
                <span>正品保障</span>
            </div>
        </div>
    </div>
    <!-- 公共底部 -->
    <div class="footer">
        <div class="footerTop">
            <div>
                <img src="./images/LOGO.png" alt="">
            </div>
            <div class="">
                <dl>
                    <dt>配送与支付</dt>
                    <dd>货到付款区域</dd>
                    <dd>配送支付智能查询</dd>
                    <dd>支付方式说明</dd>
                </dl>
            </div>
            <div class="">
                <dl>
                    <dt>服务保证</dt>
                    <dd>退换货原则</dd>
                    <dd>售后服务保证</dd>
                    <dd>产品质量保证</dd>
                </dl>
            </div>
            <div class="">
                <dl>
                    <dt>联系我们</dt>
                    <dd>网站故障报告</dd>
                    <dd>选机咨询</dd>
                    <dd>投诉与建议</dd>
                </dl>
            </div>
            <div class="fuwu">
                <dl>
                    <dt>服务热线</dt>
                    <dd>400-023-4567</dd>
                </dl>
            </div>
        </div>
        <div class="line"></div>
        <div class="footerBottom">
            <p>© 2018 WWW.SHOPPING.COM</p>
        </div>
    </div>
</body>
<script src="./js/jquery.1.8.2.min.js"></script>
<script src="./js/cartConfirm.js"></script>

</html>